<div class="bs-docs-header" id="content">
			<div class="container" id="tag-header" style="margin-left: 2% !important;">
				<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne">
						<img id="img_tag" src="<?php echo base_url(); ?>templates/front_end/icons/slak.png" width="85" height="38"/>
				</a>
				<?php $url = $this->uri->segment(2); ?>
				<div id="collapseOne" class="panel-collapse collapse <?php echo $url!="create-post"?"in":"" ?>">
					<script>
						$(document).ready(function(){
						  $("#img_tag").click(function(){
						    var img = $("#img_tag").attr('src')=="<?php echo base_url(); ?>templates/front_end/icons/slak.png"
						    ?"<?php echo base_url(); ?>templates/front_end/icons/slak_over.png":"<?php echo base_url(); ?>templates/front_end/icons/slak.png";
						    $("#img_tag").attr('src',img);
						  });
						});
				</script>
					<div id="tags">
						<ul>
							<?php 
							$tag_number = null;
							if($tag==null){
								echo 'No tag';
							}else{
								foreach($tag as $row):
									$tagname= $row->tage_name;
									$tagcount = $row->count_tag;
								if($tagcount>=1 && $tagcount<=5){
									$tag_number= "tag1";
								}else if($tagcount>5 && $tagcount<=15){
									$tag_number= "tag2";
								}else if($tagcount>15 && $tagcount<=25){
									$tag_number= "tag3";
								}else if($tagcount>25 && $tagcount<=35){
									$tag_number= "tag4";
								}else if($tagcount>25 && $tagcount<=35){
									$tag_number= "tag4";
								}else if($tagcount>35){
									$tag_number= "tag5";
								}
							?>
							<li class="<?php echo $tag_number; ?>"><a href="<?php echo base_url().'tags/get-data-by-tag/'.$row->key_tags;?>"><?php echo $tagname ; ?></a></li>
							<?php
									endforeach;
									}
							?>
							<!--<li class="tag2">
								<a href="#">Dolor sit amet</a>
							</li>-->
						</ul>
						
					</div>
				</div>

			</div>
		</div>
